<template>
	<view class="main animated fadeIn faster">
		<view class="content position-fixed z-index-100" :style="{'paddingTop':$store.state.statusBarHeight+'px'}">
			<view class="title">
				<view class="goback" @click="goback">
					<image src="../../static/组 2457.png"></image>
				</view>
				<text>我要入驻</text>
			</view>
		</view>
		<view class="Accompany_application">
			<textarea value="123" placeholder="请输入" />
			<view class="icon">
				<image src="../../static/组 5040.png"></image>
			</view>
		</view>
		<view class="btn">我要入驻</view>
	</view>
</template>

<script>
	import store from '@/store/index.js';
	export default {
		data() {
			return {
			}
		},
		methods: {
			goback() {
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>

<style scoped lang="scss">
.main {
	background: #fff;
	overflow: hidden;
	.content {
		width: 100%;
		background-color: #fff !important;
	}
	.Accompany_application {
		position: relative;
		width: 700rpx;
		height: 300rpx;
		background-color: #f5f5f5;
		margin: 240rpx auto 0;
		border-radius: 20rpx;
		textarea {
			padding: 40rpx;
			font-size: 34rpx;
			color: #231815;
			font-weight: 500;
		}
		.icon {
			position: absolute;
			right: 25rpx;
			top: 15rpx;
			image {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}
	.btn {
		width: 640rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 300rpx auto 0;
		border-radius: 50rpx;
		margin-bottom: 30rpx;
		color: #fff;
		text-align: center;
		background: linear-gradient( 90deg, #ED65CE 0%, #E966CF 2%, #859BF0 69%, #5DB0FE 99%);
	}
}
.title {
	display: flex;
	align-items: center;
	font-weight: 700;
	height: 80rpx;
	.goback {
		image {
			margin-left: 50rpx;
			width: 20rpx;
			height: 30rpx;
		}
	}
	text {
		flex: 1;
		margin-right: 50rpx;
		font-size: 34rpx;
		text-align: center;
	}
}
.pt-300 {
	padding-top: 300rpx;
}
</style>
